<%@page import="java.util.ArrayList"%>
<%@page import="bean.JoinVo"%>
<%@page import="bean.SemiDTO"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="../css/join.css">
<script type="text/javascript"src="../js/join.js"></script>
</head>
<body>
<jsp:useBean id="vo" class="bean.JoinVo"/>
<jsp:setProperty property="*" name="vo"/>
<%
SemiDTO dto = new SemiDTO();
dto.setVo(vo);
ArrayList<JoinVo> al=dto.select();
for(int a=0;a<al.size();a++){
	JoinVo v = al.get(a);
}
%>



	<form id="join_form" method="post"
		action="join_main.jsp?inpage=../input_result.jsp"
		onSubmit="return mainSubmit(0);">

		<div class="row_group">
			<div id="idDiv" class="join_row">
				<span class="ps_box int_id"> <input type="text" id="mid"
					name="mid" value="" maxlength="12"
					placeholder="아이디" class="int" onblur="jung()"> <label id="idLb" for="id"
					class="lbl">아이디</label>
					<button type="button" disabled="" title="delete" class="wrg">삭제</button>
				</span>
				<!-- class:error e_info, error, error gm -->
				<div id="idMsg" class="error" style="display: none">필수 정보입니다.</div>
			</div>
			<div id="pswd1Div" class="join_row">
				<!-- [D]normal상태 int_pass / 1단계 사용불가 int_pass_step1 / 2단계 낮음 int_pass_step2 / 3단계 적정 int_pass_step3 / 4단계 높음 int_pass_step4 -->
				<span id="pswd1Img" class="ps_box int_pass"> <input
					type="password" id="pwd" name="pwd" maxlength="16"
					onFocus="toggleLabel('pswd1Lb','pswd1','in');"
					onBlur="toggleLabel('pswd1Lb','pswd1','out');checkPswd1('check')"
					;								
								onkeyup="checkShiftUp(event);"
					onkeypress="checkCapslock(event)"
					;
								onKeydown="checkShiftDownJoin(event);"
					placeholder="비밀번호" class="int"> <label id="pswd1Lb"
					for="pswd1" class="lbl">비밀번호</label>
					<button type="button" disabled="" title="delete" class="wrg">삭제</button>
				</span>
			</div>
			<div id="pswd2Div" class="join_row">
				<!-- [D]normal상태 int_pass_check / 비밀번호 확인완료 int_pass_check2  -->
				<span id="pswd2Img" class="ps_box int_pass_check"> <input
					type="password" id="pwd2" name="pwd2" maxlength="16"
					onFocus="toggleLabel('pswd2Lb','pswd2','in');"
					onBlur="toggleLabel('pswd2Lb','pswd2','out');checkPswd2('check')"
					;
								onkeyup="checkShiftUp(event);"
					onkeypress="checkCapslock2(event)"
					;
								onKeydown="checkShiftDown(event);"
					placeholder="비밀번호 재확인" class="int"> <label id="pswd2Lb"
					for="pswd2" class="lbl">비밀번호 재확인</label>
					<button type="button" disabled="" title="delete" class="wrg">삭제</button>
				</span>
				<div id="pswd2Msg" class="error" style="display: none">필수
					정보입니다.</div>
			</div>
		</div>

		<div class="row_group">
			<div id="nmDiv" class="join_row">
				<span class="ps_box"> <input type="text" id="irum"
					name="irum" maxlength="40" value=""
					onFocus="toggleLabel('nmLb','nm','in');"
					onBlur="toggleLabel('nmLb','nm','out');checkName('check')"
					placeholder="이름" class="int"> <label id="nmLb" for="nm"
					class="lbl">이름</label>
					<button type="button" disabled="" title="delete" class="wrg">삭제</button>
				</span>
				<div id="nmMsg" class="error" style="display: none">필수 정보입니다.</div>
			</div>
			<div id="genderDiv" class="join_row join_sex">
				<span class="row_title"> 성별</span> <span class="sex"> <span
					class="jender"><input type="radio" id="man" name="gender"
						value="m" onClick="checkSex()" /><label id="manLb" for="man">남자
					</label></span><span class="jender"><input type="radio" id="woman"
						name="gender" value="f" onClick="checkSex()" /><label
						id="womanLb" for="woman">여자 </label></span>
				</span> <span id="sexMsg" class="error" style="display: none">필수
					정보입니다.</span>
			</div>
			<div id="birthdayDiv" class="join_row join_birthday">
				<div class="join_birth">
					<div class="bir_yy">
						<span class="ps_box"> <input type="date" id="birth" name='birth'
							maxlength="4" value="" onFocus="toggleLabel('yyLb','yy','in');"
							onBlur="toggleLabel('yyLb','yy','out');checkBirthday('check')"
							placeholder="생년" class="int"> <label id="yyLb" for="yy"
							class="lbl">생년</label>
							
						</span>
					</div>
				</div>
				<span id="birthdayMsg" class="error" style="display: none">필수
					정보입니다.</span>
			</div>
			<div id="emailDiv" class="join_row join_email">
				<span class="ps_box int_email"> <input type="text" id="email"
					name="email" maxlength="100" value=""
					onFocus="toggleLabel('emailLb','email','in');"
					onBlur="toggleLabel('emailLb','email','out');checkEmail('check')"
					placeholder="이메일" class="int"> <label id="emailLb"
					for="email" class="lbl">비상 연락용 이메일</label>
					<button type="button" disabled="" title="delete" class="wrg">삭제</button>
				</span>
				<div id="emailMsg" class="error" style="display: none">필수
					정보입니다.</div>
			</div>
			<div id="phone" class="join_row join_birthday" name='phone'>
				<div class="join_birth">
					<div class="bir_mm">
						<span class="ps_box"> <select id="phone1" title="010"
							class="sel" onChange="checkBirthday('check')">
								<option value="">010</option>
								<option value="010-">010</option>
								<option value="011-">011</option>
								<option value="016-">016</option>

						</select>
						</span>
					</div>
					<span class="cell">|</span>
					<div class="bir_mm">
						<span class="ps_box"> <input type="text" id="phone2"
							maxlength="2" value="" onFocus="toggleLabel('ddLb','dd','in');"
							onBlur="toggleLabel('ddLb','dd','out');checkBirthday('check')"
							placeholder="" class="int"> 
							<button type="button" disabled="" title="delete" class="wrg">삭제
							</button>
						</span>
					</div>
					<span class="cell">|</span>
					<div class=" bir_dd">
						<span class="ps_box"> <input type="text" id="phone3"
							maxlength="2" value="" onFocus="toggleLabel('ddLb','dd','in');"
							onBlur="toggleLabel('ddLb','dd','out');checkBirthday('check')"
							placeholder="" class="int"> 
							<button type="button" disabled="" title="delete" class="wrg">삭제
							</button>
						</span>
					</div>
				</div>
				<span id="birthdayMsg" class="error" style="display: none">필수
					정보입니다.</span>
			</div>
			<div id="jobDiv" class="join_row join_email">
				<span class="ps_box int_email"> <input type="text" id="job"
					name="job" maxlength="100" value=""
					onFocus="toggleLabel('emailLb','email','in');"
					onBlur="toggleLabel('emailLb','email','out');checkEmail('check')"
					placeholder="직업" class="int">
				</span>
			</div>
		</div>
		<span class="btn_join"> 
			<input type="submit" title="회원가입" alt="회원가입" value="가입하기" class="int_join">
		</span>
		<span class="btn_join1"> 
			<input type="reset" title="취소" alt="취소" value="취소" id="cancel" onclick="can()">
		</span>
		


	</form>

</body>
</html>